<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>QQ彩贝</title>
		<style>
			#a1 {
				background: linear-gradient(#ffffff, #EBEBEB);
				height: 80px;
				position: relative;
			}

			#a1 img {
				position: absolute;
				top: 20px;
				left: 90px;
			}

			#we {
				position: relative;
			}

			.p1 {
				position: absolute;
				font-size: 5px;
				top: 13px;
				left: 765px;
				color: rgba(0, 0, 0, 0.5);
			}

			.p2 {
				position: absolute;
				top: 4px;
				left: 65px;
			}

			.p2:hover {
				animation: myfirst 0.3s linear both;
				background: url(../img/7.21/header_05.png) 0 0 no-repeat;
	            
			}

			@keyframes myfirst {
				0% {
					width: 0;
				}

				33% {
					width: 23px;
				}

				66% {
					width: 46px;
				}

				100% {
					width: 69px;
				}
			}

			.p3 {
				position: absolute;
				top: 4px;
				left: 290px;
			}

			.p3:hover {
				animation: myfirst 0.3s linear both;
				background: url(../img/7.21/header_09.png) 0 0 no-repeat;
			}

			.qw {
				position: relative;
			}

			.qw span#p2 {
				position: absolute;
				letter-spacing: 5px;
				text-indent: 4em;
			}

			.qw span#p3 {
				position: absolute;
				left: 900px;
			}

			.src1:hover {
				transform: rotate(360deg);
				transition: all 2s ease 0s;
			}
		</style>
	</head>
	<body>
		<div id="a1">
			<img src="../img/7.21/logo_170x46.png" />
		</div>

		<div id="we">
			<span class="p2"><img src="../img/7.21/header_03.png" /></span>
			<span class="p3"><img src="../img/7.21/header_07.png" /></span>
			<span class="p1">43/47</span>
			<br />
		</div>

		<div class="qw">
			<span id="p2">返回商城&nbsp;|&nbsp;商旅频道&nbsp;|&nbsp;积分商城&nbsp;|&nbsp;商旅频道&nbsp;|&nbsp;了解彩贝&nbsp;|&nbsp;彩贝活动&nbsp;|&nbsp;个人中心</span>
			<span id="p3"><img src="../img/7.21/iconsB_11.gif" class="src1" />&nbsp;
				<img src="../img/7.21/iconsB_12.gif" />&nbsp;
				<img src="../img/7.21/iconsB_13.png" /></span>
		</div>


		</div>
	</body>
</html>
